html{
  height:100%;
}
body{
  height:100%;
}
.main-banners{
  height:100%;
}
.sliders-con,.sliders-con-btm{
  display: -webkit-box;
  width:100%;
  height:25.68rem;
  padding-top:5.6rem;
  background: url(../assets/images/banner/3.jpg);
  background-size:100% 25.68rem;

}
.sliders-con{
  position: relative;
  width:100%;
  overflow:hidden;

}

.sliders-con-btm{
  width:100%;
  height:24.68rem;
  background:url(../assets/images/banner/8.jpg) left top;
  background-size: 100% 24.68rem;
  overflow:hidden;
  text-align: center;
}

.sliders-con-btm img{
  display: block;
  width:12rem;

  margin:0 auto;
}
.sliders-con-btm .yd-slider-pagination{
  bottom:2rem !important;
}
.list-con{
  width:60rem;
  position:absolute;
  display: -webkit-box;


}
.list-con li{

  -webkit-box-sizing: border-box;
}
.img-pare-con{
  position: relative;
  display: block;
  padding-left:.8rem;
  width:9rem;
  margin-right:.8rem;

}
.img-pare-con img{
  position: absolute;
  display: block;
  width:100%;

}
.yd-slider-pagination-item{
  display: inline-block;
  margin: .4rem;
  width:.36rem;
  height:.36rem;
  background:#D2D2D2;
  border-radius:.36rem;
}
.yd-slider-pagination-item.yd-slider-pagination-item-active{
  background:#7d7d7d;
}
.sliders-con-btm .yd-slider-pagination-item{
  margin: .2rem;
  width:.3rem;
  height:.3rem;
  background:#D2D2D2;
  border-radius:.3rem;
  z-index: 1000;
}
.sliders-con-btm .yd-slider-pagination-item.yd-slider-pagination-item-active{
  background:#fb232d !important;
}
